<template>
<div>
  <div class="my_font">myHome</div>
  <button @click="goto_home()">跳转到vue1的home</button>
  <button @click="goto_my_about()">跳转到vue2的myabout</button>
  <button @click="goto_about()">跳转到vue1的about</button>
</div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {
    goto_home() {
      history.pushState(null, 'vue1', '/vue1/#/home')
    },
    goto_my_about() {
      this.$router.push("myabout");
    },
    goto_about() {
      history.pushState(null, 'vue1', '/vue1/#/about')
    }
  }
}
</script>

<style scoped>
.my_font {
  color: red;
}
button {
  margin: 0 10px;
}
</style>
